<template>
  <div class="child">
    <!-- <h2>
      <slot name="title" />
    </h2>
      <h3>
      <slot name="bottom" />
    </h3> -->
    <slot :userInfo="userInfo" :jobInfo="jobInfo" />

  </div>
</template>

<script>
// 作用域插槽的作用：可以让子组件中数据传递到父组件中
export default {
  data() {
    return {
      userInfo: {
        name: '张三',
        age: 18
      },
      jobInfo: {
        company: '阿里巴巴',
        salary: '100000'
      }
    }
  }
}
</script>

<style>

</style>
